<template>
<master :title="title">
  <listpage ref="listpage"></listpage>
</master>
</template>
<script type="text/javascript">
(function (G) {
  G.vue({
  "usingComponents": {
    "master": "/components/Master/Master",
    "listpage":"/components/List/Page/Page"
  },
  "enablePullDownRefresh": true
},G.modelList({
  	listPage:function(listPage,query){
			for(var key in listPage.models) {
				listPage.models[key].type = listPage.models[key].type || 'input';
				listPage.models[key].label = listPage.models[key].label || key;
			}
		}
  }));
})(Y)
</script>
<style scoped>
/*scoped*/
.list{
	margin:0rpx 32rpx;
}
.Web .list{
  margin:0rpx 16px;
}
.listChild{
	margin-left:32rpx;
}
.Web .listChild{
  margin-left:16px;
}
.itemDiv{
	padding:32rpx 0rpx;
}
.Web .itemDiv{
  padding:16px 0px;
}
.itemName{
	font-size:32rpx;
  margin-right:32rpx;
}
.Web .itemName{
  font-size:16px;
  margin-right:16px;
}
.arrow{
	cursor: pointer;
	display: block;
	width: 32rpx;
	height: 32rpx;
	float: left;
	text-align: center;
	margin-right: 16rpx;
}
.Web .arrow{
  width: 16px;
  height: 16px;
  margin-right:8px;
}
.arrowImg{
  width: 16rpx;
	height: 16rpx;
}
.Web .arrowImg{
  width: 8px;
  height: 8px;
}
.arrowHide{
	display: block;
	width: 32rpx;
	height: 32rpx;
	float: left;
	text-align: center;
	margin-right: 16rpx;
}
.Web .arrowHide{
  width: 16px;
  height: 16px;
  margin-right:8px;
}
.btn{
	font-size: 32rpx;
	margin-right: 16rpx;
	color:#2f8ccd;
	cursor: pointer;
	background: #f1f1f1;
	padding:8rpx 16rpx;
	border-radius: 6rpx;
}
.Web .btn{
  font-size:16px;
  margin-right:8px;
  padding: 4px 8px;
  border-radius: 3px;
}
.delet{
	color:#ff0000;
}
.addFirst{
	margin:32rpx 0rpx 16rpx 32rpx;
}
.Web .addFirst{
  margin:16px 0px 8px 16px;
}
.addDiv{
  margin-top:32rpx;
}
.Web .addDiv{
  margin-top:16px;
}
.add{
	color: #e4941d;
}
</style>